'use client';
import Image from "next/image";
import styles from "./page.module.css";
import Hero from "../../public/hero.png";
import MyButton from "@/components/button/MyButton";

// 首页
export default function Home() {
  
  return (
    <div className={styles.container}>
      <div className={styles.items}>
        <h1 className={styles.title}>
          更好的设计，为您的数字产品提供更好的支持。
        </h1>
        <p className={styles.desc}>
          把您的Idea变成现实。我们将全球科技行业的团队联系在一起。
        </p>
        <MyButton text="查看我们的作品" url="/portfolio" />
      </div>

      <div className={styles.items}>
        <Image
          alt="主页图片"
          className={`${styles.img}`}
          src={Hero}
          priority 
        />
      </div>
    </div>
  );
}